<template>
  <div class="counter-button"
       @click="dispatch"
  >{{con}}</div>
</template>

<script>
  export default {
      name:"CounterButton",
      props:{
          con:String,
          type:String
      },
      methods:{
          dispatch(){
              this.$emit("dispatch",this.type);
          }
      },
      data(){
          return{}
      }
  }
</script>
<style scoped>
  .counter-button{
    width: 14px;
    height: 14px;
    display: inline-block;
    margin: 0 10px;
    text-align: center;
    line-height: 14px;
    border: 1px solid #000;
    cursor: pointer;
  }
</style>
